<template>
	<Layout icon="支付成功" showFooter>
		<template #title>支付成功</template>

		<view class="iflex aic jcc fill" style="margin-top: 170rpx;">
			<image src="/static/image/other/pay.success.png" style="width:120rpx;height:120rpx;"></image>
		</view>
		<view class="iflex aic jcc fill pay-success-status">支付成功</view>
		<view class="iflex aic jcc fill pay-success-content">
			<!-- 文书模板 -->
			<template v-if="serviceType === ServiceType.WritTemplate">
				平台稍后会将模版发送至邮箱，请注意查收
			</template>

			<!-- 代写文书 -->
			<template v-else-if="serviceType === ServiceType.GhostwriteWrit">
				等待客服人员联系
			</template>

			<!-- 法律咨询 -->
			<template v-else-if="serviceType === ServiceType.LegalConsulting">
				平台会安排专业律师为您服务请注意接听电话
			</template>

		</view>
	</Layout>
</template>

<script setup lang="ts">
	import { onLoad } from '@dcloudio/uni-app';
	import { ref } from 'vue';
	import { ServiceType } from '@/utils/constant';
	const serviceType = ref<ServiceType>(ServiceType.None);
	onLoad((option) => {
		serviceType.value = Number(option.serviceType) as ServiceType;
	});
</script>

<style scope lang="scss">
	.pay-success-status {
		padding-top: 60rpx;
		color: #000000;
		font-size: 36rpx;
		font-weight: 500;
	}

	.pay-success-content {
		padding: 32rpx;
		color: #929292;
		font-size: 28rpx;
		font-weight: 400;
	}
</style>